<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="include/base.jsp" %>
<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="../css/bootstrap.min.css">
	<%@ include file="include/style.jsp" %>
	<style type="text/css">
		
body{
	margin:0px;
	padding:0px;
	font-size:13px;
	font-family: Trebuchet MS,Liberation Sans,DejaVu Sans,sans-serif;
	background:url(../img/2.jpg) center center fixed;
	color:black;
	
}

#mylogo{
		position: absolute;
		top: 10px;
		left: 200px;
		background: url(../img/t.jpg);
		height:90px;
		width: 192px;

	}



.top1{
	background-color:#25304C;
	height:100px;
	line-height:26px;
}
.top1 .top2{
	width:980px;
	height:26px;
	margin:0 auto;
	line-height:26px;
	
}
.top1 .top2 .top_left{
	width:113px;
	height:17px;
	float:left;
	margin-top:6px;
}
.top1 .top2 .top_right{
	width:602px;
	height:22px;
	float:right;
	margin-top:1px;
	line-height:22px;

}
.top1 .top2 .top_right a{
	margin-left:25px;
	color:#78C16F;
	font-weight:bold;
	text-decoration:none;

}
.top1 .top2 .top_right a:hover{
	text-decoration:underline;
}
.con{
		width: 950px;
		
		background-color: #fff;
		margin: 0 auto;
	}
	</style>


</head>
<body>
		<%@ include file="include/top.jsp"%>
	<div style="">
		
		<ul class="breadcrumb" style="height:20px;background-color:#1E2537;border-radius: 0px;margin-bottom:0px;">
			<div id="" class="container">
				 <li><a href="index.jspx">Home</a> <span class="divider">/</span></li>
				  <li class="active">搜搜</li>
			</div>
		 
		</ul>
	</div>
	<!--这边是用户中心了-->
	<div class="con" style="padding:25px;">
		<div class="tabbable tabs-left"> 
		  
		  <div class="tab-content">
		   
		    <div class="tab-pane active" id="tab2">
		      <!--收藏夹-->
<!--收藏的书籍-->
		<div class="span10" >
			<h4><i class=""></i>搜搜</h4>
			<table class="table table-hover">
				            	<tbody>
				            		<c:if test="${empty page.list }">
				            				<tr>
				            					<td >oh!!找不到任何书籍！！</td>
				 
				            				</tr>
				            				<tr>
				            					<td ></td>
				 
				            				</tr>
				            			</c:if>
				            		<c:forEach items="${page.list }" var="s">
				            			
				            			<tr>
					            			<td width="130"><img src="showimg.img?n=${s.pic }" alt="" class=""></td>
					            			<td>
					            				<strong><a href="showbook.jspx?id=${s.id }">${s.bookname }</a></strong>
							            		<p>
							            			作　　者：${s.bookauthor }<br>
							            			出 版 社：${s.publish.publishname }<br>
							            			定　 价：<span class="muted" style="text-decoration: line-through;">￥${s.price }</span> <br>
													商  城  价：<span class="text-error">￥${s.salesprice }</span><br>
							            		</p>
							            		<div>
							            			<a href="shopcar.jspx?id=${s.id }" class="btn btn-mini btn-primary"><i class="icon-shopping-cart icon-white"></i>放入购物车</a>
							            			<a href="javascript:;"  rel="${s.id }" role="button"  class="testa btn" data-toggle="modal"><i class="icon-tags"></i>收藏</a>
							            		</div>
							            	</td>
					            		</tr>
				            		
				            		</c:forEach>
				            		
				            		
				            	</tbody>
				          </table>
			</div>

		
					<!-- 这边是分页效果 -->
				    			<div class="pagination" style="float:right;margin-right:70px;margin-top:20px;">
								  <ul>
								  	<c:choose>
								  		<c:when test="${page.nowPageNum == 1 }">
								  			<li class="disabled"><a href="#">首页</a></li>
								  		</c:when>
								  		<c:otherwise>
								  			<li><a href="searchlist.jspx?p=1">首页</a></li>
								  		</c:otherwise>
								  	</c:choose>
								  	
							<c:forEach items="${solid }" var="s">
									<c:choose>
										<c:when test="${page.nowPageNum == s }">
											<li class="disabled"><a href="#">${s }</a></li>
										</c:when>
										<c:otherwise>
											<li><a href="searchlist.jspx?p=${s }">${s }</a></li>
										</c:otherwise>					
									</c:choose>
							</c:forEach>
									<c:choose>
										<c:when test="${page.nowPageNum == page.totalpage}">
											<li class="disabled"><a href="#">尾页</a></li>
										</c:when>
										<c:otherwise>
											<li><a href="searchlist.jspx?p=${page.totalpage }">尾页</a></li>
										</c:otherwise>
									</c:choose>
									
							 	</ul>
							</div>
						        	
				

				<div class="clear">
					
				</div>


		    </div>
		  </div>
		</div>


		<footer>
					 <hr>
					<font>© 2012-2013 <i class="icon-hand-right"></i> 夼趸蒋</font>
				</footer>
	</div>
	<%@ include file="include/bottom.jsp" %>
	<script src="../js/jquery.js" type="text/javascript"></script>
	<script type="text/javascript" src="../js/bootstrap.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			<c:if test="${not empty favmessage}">
				alert("${favmessage}");
			</c:if>
			<%
				session.removeAttribute("favmessage");
			%>
			
			
			$(".testa").click(function(){
				var id = $(this).attr("rel");
				
				location.href = "favbook.jspx?to=favbook.jspx&go=searchlist.jspx&id="+id;
			});
		});
	</script>
</body>
</html>